/* 布局样式 */

/* 外部全局样式 */
.header{
	width: 100%;
	background-color: #faf8f8;
	height: 83px;
	position: relative;
	z-index: 1;
}
.footer{
	width: 100%;
	height: 90px;
	position: relative;
	background-color: #7d7d7d;
}
.container{
	width: 100%;
	background-color: #fcfcfc;
	position: relative;
	z-index: 0;
}

/* 头部样式 */
.nav{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.logo{
	width: 160px;
	position: absolute;
	left: 5.2%;
	font-size: 40px;
	line-height: 83px;
	font-family: "微软雅黑";
	color: #6e6e6e;
}
.menu{
	float: right;
	margin-right: 5.2%;
	margin-top: 23px;
	font-size: 18px;
	font-family: "微软雅黑";
	color: #6e6e6e;
}
.menu>li{
	float: left;
	margin-right: 9px;
	position: relative;
	border-radius: 5px;
	opacity: .95;
}
.menu>li a{
	display: block;
	text-align: center;
	padding: 8px;
	color: #8c8c8c;
}
.menu>li a:hover{
	color: #6e6e6e;
}
.menu>li a:visited{
	color: #6e6e6e;
}
.menu>li>a{
	padding: 10px 24px;
}
.menu>li:hover{
	background-color: #fff;
    border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.menu>li#person:hover{
	background-color: #fff;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.menu>li.active{
	background-color: #fff;
}

.menu>li:hover .sub-menu{
	display: block;
}
.menu>li:hover .sub-sub-menu{
	display: none;
}

.sub-menu{
	font-size: 14px;
	position: absolute;
	z-index: 999;
	background: #ffffff;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
    display: none;
    opacity: .95;
}

.sub-menu>li{
	float: left;
	width: 100%;
	color: #8c8c8c;
	opacity: .95;

}

.sub-menu>li:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.sub-menu>li:hover{
	background-color: #ccc;
	color: #6e6e6e;
}

.sub-menu>li:hover .sub-sub-menu{
    display:block;
}

.sub-sub-menu{
	font-size: 14px;
	position: absolute;
	left: 109px;
	top:-0px;
	width:90px;
	z-index: 999;
	background: #ffffff;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.1);
    border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
    display: none;
    opacity: .95;
}

.sub-sub-menu>li{
	float: right;
	width: 100%;
	color: #8c8c8c;
	opacity: .95;

}

.sub-sub-menu>li:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.sub-sub-menu>li:hover{
	background-color: #ddd;
	color: #6e6e6e;
}
/* 脚部样式 */
.ft-container{
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color: #7d7d7d;
}

.cp-name{
	float: left;
	margin-left: 100px;
	margin-top: 23px;
	font-size: 24px;
	color: #e4e4e4;
	font-family: "微软雅黑";
}
.cp-info{
	float: right;
	margin-right: 100px;
	margin-top: 31px;
	font-size: 12px;
	color: #c6c6c6;
}
.cp-info li{
	padding: 3px 0px;
}

/* banner样式 */
.banner{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner img{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}
.banner>img, .banner li>img{
	width: 1920px;
	height: auto;
}

.banner .bg-black{ 
 	position: absolute; 
 	top: 0%;
 	left: 0%; 
 	width: 100%;
 	height: 100%;
 	background-color: black;
 	z-index:99;
 	-moz-opacity: 0.4;
 	opacity:.4; 
 	filter: alpha(opacity=40);
}

.banner .banner-text{
	position: absolute;
	z-index: 100;
	left: 100px;
	right: auto;
	bottom: 25%;
	color: #fff;
}

/* content样式 */
.main-content{
	width: 100%;
	position: relative;
}

.main-content-wrapper{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

.btn-white{
	width: 140px;
	height: 44px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	line-height:44px;
	color: #454545;
	background-color: white;
	opacity: 0.9;
	cursor: pointer;
	border-width: 0 !important;
}
.btn-black{
	width: 140px;
	height: 44px;
	text-align: center;
	font-size:16px;
	font-weight:bold;
	line-height:44px;
	color: white;
	background-color: #575757;
	opacity: 0.9;
	cursor: pointer;
	border-width: 0 !important;
}

.btn-white:hover,.btn-black:hover{
	opacity: 1;
}


